<!DOCTYPE html>
<html>

	<head>

		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>公告——NOTICE</title>
		<link rel="stylesheet" type="text/css" href="../css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="../css/home.css" />
		<link rel="stylesheet" type="text/css" href="../css/notice.css" />
		<link rel="stylesheet" type="text/css" href="../css/index1.css" />

	</head>

	<body>
		<div class="wrap">
			<div class="container">
				<!--导航栏-->
				<header>
					<div class="content">
						<a href="/index.html" class="headerLogo">
							<img class="logoimg" src="../img/logo.png" alt="logo"/>
							<img class="logofont" src="../img/font_logo.png" alt="logofont"/>
						</a>
						<ul class="headerNav">
							<!--<li class="active" style="opacity: 1.0;">-->
							<!--<div class="homeOption">自选</div>-->
							<!--<div class="optional">-->

							<!--</div>-->
							<!--</li>-->
							<li class="active">
								<div class="homeVol">市值</div>
							</li>
							<li class="active jys" style="position: relative;">
								<div class="jys_name">交易所</div>
								<div class="bourse">
									<ul style="color: #000;">
									</ul>
									<span class="jys_arro"></span>
								</div>
							</li>
						</ul>
						<div class="headerAdv">
							<img src="../img/home_ad_img.jpg" alt="navAdv"/>
						</div>
					</div>
				</header>
				<!--内容区-->
				<section>
					<div class="content center">

						<p class="notice_title">交易平台公告列表</p>
						<ul class="notice_list">
							<!--<li>
								<a href="###">【未来财经】</a>
								<span>火币全球专业站1月17日14:30全球首发DTA，同时上线UTK，概念最初由中本聪在2009年提出，中本聪的思路设计发布...</span>
								<span class="newstime">2018-1-23 17:31</span>
							</li>
							<li>
								<a href="###">【未来财经】</a>
								<img src="../img/setting_hlgl@2x.png" class="notice_list_icon"/>
								<span>火币全球专业站1月17日14:30全球首发DTA，同时上线UTK，概念最初由中本聪在2009年提出，中本聪的思路设计发布...</span>
								<span class="newstime">2018-1-23 17:31</span>
							</li>-->

						</ul>

					</div>
					<div class="content" style="height: 34px;">
						<div id="pageList">
							<div id="page">
								
							</div>
						</div>
					</div>

				</section>

				<!--尾部-->
				<footer>
					<div class="content">
						<p class="copyright">copyright © 2018 KKTOKEN，粤ICP备17140751号-1·Powered By Weilaicaij</p>
						<ul class="linksTo">
							<li>友情链接:</li>
							<li>
								<a href="http://www.8btc.com/" target="_blank">巴比特</a>
							</li>
							<li>
								<a href="http://www.jinse.com/" target="_blank">金色财经</a>
							</li>
							<li>
								<a href="https://www.btc123.com/" target="_blank">BTC123</a>
							</li>
							<li>
								<a href="http://chainb.com/" target="_blank">铅笔</a>
							</li>
							<li>
								<a href="https://www.coindesk.com/" target="_blank">coindesk</a>
							</li>
							<li>
								<a href="http://www.qukuaiwang.com.cn/" target="_blank">区块链导航</a>
							</li>
							<li>
								<a href="http://www.qukuaiwang.com.cn/" target="_blank">区块链</a>
							</li>
							<li>
								<a href="https://www.7234.cn/" target="_blank">链世界</a>
							</li>
							<li>
								<a href="https://www.feixiaohao.com/" target="_blank">非小号</a>
							</li>
							<li>
								<a href="https://www.binance.com/" target="_blank">币安</a>
							</li>
							<li>
								<a href="https://www.coingogo.com/" target="_blank">币源社区</a>
							</li>
							<li>
								<a href="http://bitkan.com/" target="_blank">币看</a>
							</li>
							<li>
								<a href="https://www.coolcoin.com/" target="_blank">酷币</a>
							</li>
							<li>
								<a href="https://www.btc98.com/" target="_blank">比特酒吧</a>
							</li>
							<li>
								<a href="http://sl.vc/" target="_blank">共享财经</a>
							</li>
							<li>
								<a href="http://www.chainfor.com/" target="_blank">链向财经</a>
							</li>
							<li>
								<a href="http://jgy.com/" target="_blank">九个亿财经</a>
							</li>
						</ul>
					</div>
				</footer>
			</div>
		</div>
	</body>
	<script src="../js/jquery-2.1.1.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../js/initPage.js"></script>
	<script src="../js/index.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="utf-8">$(".nav_optional").click(function() {

	window.location.href = "/index.html"
});

var get_url = 'http://api.btcdata.top/api/api_kktoken';
$(document).ready(function(){
  ajax_fordata();
  getExchange();
});
var pages = 1;
function ajax_fordata() {
	$.get(get_url + '/notice?page_size=50', function(res) {
		var num = res.data.total;
		var count = Math.ceil(res.data.total/50)*10
		if(num > 50) {
			num = 50;
		}
		for(var i = 0; i < num; i++) {
			var names = res.data.lists[i].exchange_name;
			var urls = res.data.lists[i].title_url;
			var title = res.data.lists[i].title_content_translate;
			var time = res.data.lists[i].title_time;
			$('.notice_list').append('<li><a href="' + urls + '" target="_blank"><span class="newsname">【' + names + '】</span>' +
				'<span class="newstitle">' + title + '</span>' +
				'<span class="newstime">' + time + '</span></a></li>');
		};
		pageUtil.initPage('page', {
			totalCount: count, //总页数，一般从回调函数中获取。如果没有数据则默认为1页
			curPage: 1, //初始化时的默认选中页，默认第一页。如果所填范围溢出或者非数字或者数字字符串，则默认第一页
			showCount: 7, //分页栏显示的数量
			pageSizeList: [5, 10, 15, 20, 25, 30], //自定义分页数，默认[5,10,15,20,50]
			defaultPageSize: 10, //默认选中的分页数,默认选中第一个。如果未匹配到数组或者默认数组中，则也为第一个
			isJump: true, //是否包含跳转功能，默认false
			isPageNum: false, //是否显示分页下拉选择，默认false
			isPN: true, //是否显示上一页和下一面，默认true
			isFL: false, //是否显示首页和末页，默认true
		});
		skip_page();
	}, 'json');
}
function skip_page(){
	 $('#page ul li').on("click", function () {
	 	if(this.className == ''){
	 		$('.notice_list').html('')
	 		page_skip(this.innerText)
	 		pages = this.innerText
	 	}
	 	if(this.className == 'prev'){
	 		$('.notice_list').html('')
	 		pages--
	 		page_skip(pages)
	 	}
	 	if(this.className == 'next'){
	 		$('.notice_list').html('')
	 		pages++
	 		page_skip(pages)
	 	}
      });  
}
function page_skip(page){
	$.get(get_url + '/notice?page_size=50&&per_page='+page, function(res) {
		for(var i = 0; i < res.data.lists.length; i++) {
			var names = res.data.lists[i].exchange_name;
			var urls = res.data.lists[i].title_url;
			var title = res.data.lists[i].title_content_translate;
			var time = res.data.lists[i].title_time;
			$('.notice_list').append('<li><a href="' + urls + '" target="_blank"><span class="newsname">【' + names + '】</span>' +
				'<span class="newstitle">' + title + '</span>' +
				'<span class="newstime">' + time + '</span></a></li>');
		};
		skip_page()
	}, 'json');
}
</script>

</html>